<template>
  <div style="display: flex; justify-content: space-around; margin-top: 50px;">
    <a-row type="flex" style="width: 200px; justify-content: space-between;">
      <a-col>
        <a-button 
          type="primary" 
          @click="submitConfirm"
          :loading="confirmBtnLoading"
        >确定</a-button>
      </a-col>
      <a-col>
        <a-button type="default" @click="submitCancel">取消</a-button>
      </a-col>
    </a-row>
  </div>
</template>

<script>

export default {
  name: 'ModalFooter',
  components: {
    
  },
  props: {
  },
  data () {
    return {
      confirmBtnLoading: false,
    }
  },
  methods: {
    submitConfirm(){
      this.confirmBtnLoading = true
      this.$emit("modalFooter", 1)
    },
    submitCancel(){
      this.$emit("modalFooter", 0)
    },
    closeLoading(){
      this.confirmBtnLoading = false
    }
  },
  watch: {
    
  }
}
</script>

<style lang="less" scoped>
.footer {
  
}
</style>
